body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: black;
	background-color: #778D98;
	}
a {
	text-decoration: none;
	font-weight: bold;
	color:  #ccc;
	outline: none;
	}
a:visited {
	color:  #ccc;
	}
a:active {
	color:  #ccc;
	}
a:hover {
	color: #ccc;
	text-decoration: underline;
	}
.ahem {
	display: none;
	}
strong, b {
	font-weight: bold;
	}
p {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
	font-size: 24px;
	line-height: 44px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h2 {
	font-size: 18px;
	line-height: 40px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h3 {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h4 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
img {
	border: 0;
	}
.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
	}
#content {
	float: left;
	padding: 10px;
	margin: 20px;
	background: #B3C0C6;
	border-bottom: 2px solid #ccc;
	border-right: 2px solid #ccc;
	width: 400px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 370px;
	}

div.row span.right{
    float: right;
    text-align: right;
    font-weight: bold;
    width: 49%;
}

ul#LgBtnNavigation{
    list-style-type: none;
    clear: right;
    margin: 0;
    padding: .5em 0;
}

ul#LgBtnNavigation .left{
    float: left;
    clear: right;
}

.div1{
    float:left;
    clear: right;
}

.div2{
    float: right;
}


#ForceRight
{
float: right;
width: 100px;
margin: 0 0 100px 100px;
}

.invisible-border {
	float: left;
	padding: 10px;
	margin: 10px 0px 5px 20px;
	width: 90%; /* ie5win fudge begins */
	height: 10%
	font-family: verdana, arial, helvetica, sans-serif;
	color: #9B1F0E;
	voice-family: "\"}\"";
	voice-family:inherit;
	}


.invisible-lineup-breadcrumb {
	float: left;
	padding: 0px;
	width: 50%; /* ie5win fudge begins */
	font-family: verdana, arial, helvetica, sans-serif;
	voice-family: "\"}\"";
	voice-family:inherit;
	}

#instruction {
	float: left;
	padding: 10px;
	margin: 10px 0px 5px 20px;
	background: #B3C0C6;
	border-bottom: 2px solid #ccc;
	border-right: 2px solid #ccc;
	width: 90%; /* ie5win fudge begins */
	height: 10%
	font-family: verdana, arial, helvetica, sans-serif;
	color: #9B1F0E;
	voice-family: "\"}\"";
	voice-family:inherit;
	}

#instruction #details{
    border-right:1px solid #666; 
    border-bottom:1px solid #666;
    padding: 10px;
    float:left;
    width:95%; 
    background:#eee;
    font-family: verdana, arial, helvetica, sans-serif;
    color: black;
    margin:10px 10px 10px 10px;
}


#breadcrumb{
    float:left;
    clear:right;
    width:50%; 
    padding: 0px;
    background: #B3C0C6;
    font-family: verdana, arial, helvetica, sans-serif;
    color: black;
    margin: 0px 5px 5px 20px;
}


#breadcrumb #BC-current{
    float:left;
    border:3px solid #9B1F0E; 
    padding: 2px;
    background:#eee;
    font-family: verdana, arial, helvetica, sans-serif;
    color: black;
    margin:10px 10px 10px 10px;
}

#breadcrumb #BC-next{
    float:left;
    border:1px solid black; 
    padding: 4px;
    background:#eee;
    font-family: verdana, arial, helvetica, sans-serif;
    color: black;
    margin:10px 10px 10px 10px;
}


#medications-box {
	float: left;
	background: rgb(232, 232, 232);
	border: 2px solid black;
	padding: 10px;
	margin: 10px 0px 5px 20px;
	width: 90%;
	font-family: verdana, arial, helvetica, sans-serif;
	color: black;
	voice-family: "\"}\"";
	voice-family:inherit;
	}

#medications-box #one-med{
    float: left;
    padding: 5px; 
}


#invisible-box2 {
	float: left;
	padding: 2px;
	margin: 1px 0px 5px 20px;
	width: 90%;
	font-family: verdana, arial, helvetica, sans-serif;
	color: black;
	voice-family: "\"}\"";
	voice-family:inherit;
	}


.NABox{
    float: left;
    width: 100px;
    height: 100px;
    border: 2px solid black;
    color: red;
}

.floatleft {float: left; padding: 1px;}


.floatright {float: right; padding: 1px;}


#medications-box #one-med #med-picture{
    float: left;
    padding: 1px;
}

#medications-box #one-med #med-info{
    float: right;
    padding: 1px;
}


#medication-list{
    float: left;
    clear: left;
    background-attachment:scroll;
    background-image: url(./pics/postit.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    padding:85px 59px;
    width: 320px;
    font-family:  comic sans ms,  fantasy, cursive, Palatino, arial;
}


.left-box{
    float: left;
    clear: left;
    padding:85px 59px;
    width: 320px;
    font-family:  arial, comic sans ms,  fantasy, cursive, Palatino;
    color: black;
}

#test-box {
	float: left;
	padding: 10px;
	margin: 10px 0px 5px 20px;
	background: #B3C0C6;
	border-bottom: 2px solid #ccc;
	border-right: 2px solid #ccc;
	width: 90%; /* ie5win fudge begins */
	height: 10%
	font-family:  verdana, arial, helvetica, sans-serif;
	color: #9B1F0E;
	voice-family: "\"}\"";
	voice-family:inherit;
	}


html>body #content {
	width: 370px; /* ie5win fudge ends */
	}
pre {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}


div.btns{
	zoom:1;
	white-space:nowrap;
}

div.btns:after
{
	display:block;
	clear:both;
	content:'';
}

div.btns a.btn{
	float:right;
	background:buttonface url(border-2.gif) no-repeat;cursor:pointer;font-size:2;text-align:center;
	text-align:center;
	display:block;
	_width:140px;
	min-width:140px;
	text-decoration:none;
	margin:3px 2px;
}

div.btns a.btn:hover span{
	
	opacity:0.6;
	filter:alpha(opacity:80);
}

div.btns a.btn span{
	padding:9px 9px 9px 9px;
	border-bottom: 2px solid #6E6A6B;
	border-right: 2px solid #6E6A6B;
	text-align:center;
	position:right;
	left:1px;top:1px;
	display:block;
	text-decoration:none;
	background:url(border.gif) right bottom no-repeat;
	font: Verdana;
	color:#222;
	
}


div.LargeBtns{
	zoom:1;
	white-space:nowrap;
}

div.LargeBtns:after{
	display:block;
	clear:both;
	content:'';
}

div.LargeBtns a.btn{
	float:right;
	background:buttonface url(border-2.gif) no-repeat;cursor:pointer;font-size:2;text-align:center;
	text-align:center;
	display:block;
	_width:140px;
	min-width:140px;
	text-decoration:none;
	margin:3px 2px;
}

div.LargeBtns a.btn:hover span{
	
	opacity:0.6;
	filter:alpha(opacity:80);
}

div.LargeBtns a.btn span{
	padding:50px 30px 50px 30px;
	border-bottom: 2px solid #6E6A6B;
	border-right: 2px solid #6E6A6B;
	text-align:center;
	position:right;
	left:1px;top:1px;
	display:block;
	text-decoration:none;
	background:url(border.gif) right bottom no-repeat;
	font: Verdana;
	color:#222;
	
}



div.LargeBtnsWithPicture{
	zoom:1;
	white-space:nowrap;
}

div.LargeBtnsWithPicture:after{
	display:block;
	clear:both;
	content:'';
}

div.LargeBtnsWithPicture a.btn{
	float:right;
	background:buttonface url(border-2.gif) no-repeat;cursor:pointer;font-size:2;text-align:center;
	text-align:center;
	display:block;
	_width:140px;
	min-width:140px;
	text-decoration:none;
	margin:3px 2px;
}

div.LargeBtnsWithPicture a.btn:hover span{
	
	opacity:0.6;
	filter:alpha(opacity:80);
}

div.LargeBtnsWithPicture a.btn span{
	padding:10px 30px 10px 30px;
	border-bottom: 2px solid #6E6A6B;
	border-right: 2px solid #6E6A6B;
	text-align:center;
	position:right;
	left:1px;top:1px;
	display:block;
	text-decoration:none;
	background:url(border.gif) right bottom no-repeat;
	font: Verdana;
	color:#222;
	
}

div.ThreeLargeBtns{
	zoom:1;
	white-space:nowrap;
}

div.ThreeLargeBtns:after{
	display:block;
	clear:both;
	content:'';
}

div.ThreeLargeBtns a.btn{
	float:right;
	background:buttonface url(border-2.gif) no-repeat;cursor:pointer;font-size:2;text-align:center;
	text-align:center;
	display:block;
	_width:140px;
	min-width:140px;
	text-decoration:none;
	margin:3px 2px;
}

div.ThreeLargeBtns a.btn:hover span{
	
	opacity:0.6;
	filter:alpha(opacity:80);
}

div.ThreeLargeBtns a.btn span{
	padding:19px 30px 19px 30px;
	border-bottom: 2px solid #6E6A6B;
	border-right: 2px solid #6E6A6B;
	text-align:center;
	position:right;
	left:1px;top:1px;
	display:block;
	text-decoration:none;
	background:url(border.gif) right bottom no-repeat;
	font: Verdana;
	color:#222;
	
}

xmp{
	margin:0;
	font-size:1.2em;
}

.clearboth { clear: both; }

.check  {
font-family: "Lucida Sans Unicode"; 
font-size: 18px;
color: #699;
cursor: default;
width: 26px;
text-align: center;
}

table.logintable
{
	border-width:5;
	width:100pc;
	height:100pc;
}
